<template>
  <div class="address w">
    <span class="address_text">位置 :</span>
    <el-breadcrumb separator=">" v-if="name === 'law'">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>法律法规</el-breadcrumb-item>
    </el-breadcrumb>
    <el-breadcrumb separator=">" v-if="name === 'policy'">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>政策文件</el-breadcrumb-item>
    </el-breadcrumb>
    <el-breadcrumb separator=">" v-if="name === 'experience'">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>国际经验</el-breadcrumb-item>
    </el-breadcrumb>
    <el-breadcrumb separator=">" v-if="name === 'industry'">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>行业前沿</el-breadcrumb-item>
    </el-breadcrumb>
    <el-breadcrumb separator=">" v-if="name === 'case'">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>经典案例</el-breadcrumb-item>
    </el-breadcrumb>
    <el-breadcrumb separator=">" v-if="name === 'query'">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>标准查询</el-breadcrumb-item>
    </el-breadcrumb>
    <el-breadcrumb separator=">" v-if="name === 'fuse'">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>"两化"融合</el-breadcrumb-item>
    </el-breadcrumb>
    <el-breadcrumb separator=">" v-if="name === 'contact'">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>联系我们</el-breadcrumb-item>
    </el-breadcrumb>
      <el-breadcrumb separator=">" v-if="name === 'details-id'">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>文章详情</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: "",
    };
  },
  mounted() {
    this.name = this.$route.name;
  },
};
</script>

<style lang='scss' scoped>
@import "~/assets/css/main.scss";
.address {
  margin: rem(10) auto;
  display: flex;
  align-items: center;
  font-size: rem(16);
  &_text {
    margin-right: rem(5);
  }
  ::v-deep .el-breadcrumb__inner {
    font-size: rem(16) !important;
  }
}
</style>
